<script>
import { RouterView } from "vue-router";
export default {
  components: {
    RouterView,
  },
};
</script>

<template>
  <RouterView />
</template>

<style lang="scss">
.filter-header {
  margin-bottom: 10px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flex-grow {
  flex-grow: 1;
}

// 隐藏滚动条
html {
  overflow-x: hidden;
  ::-webkit-scrollbar {
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
  }
  /* Optional: show position indicator in red */
  ::-webkit-scrollbar-thumb {
    background: #ff0000;
  }
}
</style>
